<HTML>
<HEAD>
<TITLE>Waciwoci X i Y zdarze (NN6+)</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function checkCoords(evt) {
    var form = document.forms["output"]
    var targText, targElem
    if (evt.target.nodeType == 3) {
        targText = "[wze tekstowy] wewntrz <" + evt.target.parentNode.tagName + ">"
        targElem = evt.target.parentNode
    } else {
        targText = "<" + evt.target.tagName + ">"
        targElem = evt.target
    }
    form.srcElemTag.value = targText
    form.clientCoords.value = evt.clientX + "," + evt.clientY
    form.clientScrollCoords.value = (evt.clientX + window.scrollX) + 
    "," + (evt.clientY + window.scrollY)
    form.layerCoords.value = evt.layerX + "," + evt.layerY
    form.pageCoords.value = evt.pageX + "," + evt.pageY
    form.inElemCoords.value = 
    (evt.pageX - targElem.offsetLeft - document.body.offsetLeft) +
    "," + (evt.pageY - targElem.offsetTop - document.body.offsetTop)
    form.screenCoords.value = evt.screenX + "," + evt.screenY
    return false
}
</SCRIPT>
</HEAD>
<BODY onMouseDown="checkCoords(event)">
<H1>Waciwoci X i Y zdarze (NN6+)</H1>
<HR>
<P>
Kliknij przycisk lub obraz widoczny u dou strony, aby wywietli 
wsprzdne zdarzenia pobrane z obiektu event.</P>
<FORM NAME="output">
<TABLE>
<TR><TD COLSPAN=2>Wsprzdne pooenia wskanika myszy w momencie 
generowania zdarzenia (NN6):</TD></TR>
<TR><TD ALIGN="right">Element docelowy:</TD>
    <TD COLSPAN=3><INPUT TYPE="text" NAME="srcElemTag" SIZE=25></TD></TR>
<TR><TD ALIGN="right">clientX, clientY:</TD>
    <TD><INPUT TYPE="text" NAME="clientCoords" SIZE=10></TD>
    <TD ALIGN="right">...z uwzgldnieniem przewinicia strony:</TD>
    <TD><INPUT TYPE="text" NAME="clientScrollCoords" SIZE=10></TD></TR>
<TR><TD ALIGN="right">layerX, layerY:</TD>
    <TD><INPUT TYPE="text" NAME="layerCoords" SIZE=10></TD></TR>
<TR><TD ALIGN="right">pageX, pageY:</TD>
    <TD><INPUT TYPE="text" NAME="pageCoords" SIZE=10></TD>
    <TD ALIGH="right">Wewntrz elementu:</TD>
    <TD><INPUT TYPE="text" NAME="inElemCoords" SIZE=10></TR>
<TR><TD ALIGN="right">screenX, screenY:</TD>
    <TD><INPUT TYPE="text" NAME="screenCoords" SIZE=10></TD></TR>
<TR><TD ALIGN="right"><INPUT TYPE="button" VALUE="Kliknij tutaj"></TD></TR>
</TABLE>
</FORM>
<DIV ID="display" STYLE="position:relative; left:100">
<IMG SRC="nile.gif" WIDTH=320 HEIGHT=240" BORDER=0>
</DIV>
</BODY>
</HTML>